import Taro from '@tarojs/taro-rn';
import * as tslib_1 from "tslib";
import React from 'react';
import { Component } from "@tarojs/taro-rn";
import { View, Image, Text } from "@tarojs/components-rn";
import { toJS } from 'mobx';
import { inject, observer } from "@tarojs/mobx-rn";
import { AtToast } from "taro-ui";
import Report from "../../components/Report";
import PageFooterInfo from "../../components/PageFooterInfo";
import { getRuntime, userSex, subtime } from "../../utils/common";
import personnel_detailStyleSheet from "./personnel_detail_styles";

import iconCollection from "../../assets/img/icon_03.png";
import iconCollection_on from "../../assets/img/icon_03_on.png";
import ViewPhone from "../../components/ViewPhone";
var _styleSheet = personnel_detailStyleSheet;
let Detail = class Detail extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isVip: false,
      info: {},
      isCollection: false,
      isTips: false,
      tipsText: ''
    };
  }
  componentWillMount() {
    Taro.setNavigationBarTitle({ title: '人才详情' });
    let id = this.$router.params.id;
    if (!id) {
      getRuntime().navigateBack();
    }
    this.getInfomationInfos(parseInt(id));
    let userInfo = getRuntime().getUserInfo();
    if (userInfo && userInfo.agencyLevel > 0) {
      this.setState({ isVip: true });
    }
    let isCollection = parseInt(this.$router.params.isCollection);
    if (isCollection === 1) {
      this.setState({ isCollection: true });
    }
  }
  /*componentDidShow(): void {
    console.log('show')
    this.getInfomationInfos(parseInt(this.$router.params.id))
  }*/
  getInfomationInfos(formId) {
    let { homeStore } = this.props.stores;
    homeStore.getInfomationInfos({
      formId,
      callback: res => {
        //console.log(home)
        let isCollection = parseInt(this.$router.params.isCollection) === 1 ? true : toJS(res.isCollection);
        this.setState({
          info: toJS(res),
          isCollection
        });
      }
    });
  }
  toggleCollection() {
    if (!getRuntime().getToken()) {
      Taro.showModal({
        title: '请先进行登录',
        content: '',
        confirmText: '前往登录'
      }).then(res => {
        if (res.confirm) {
          getRuntime().navigateTo('/pages/login/login');
        }
      });
      return;
    }
    let { userStore } = this.props.stores;
    this.setState({
      isCollection: !this.state.isCollection
    }, () => {
      if (this.state.isCollection) {
        // 收藏
        userStore.saveUserCollection({
          form: {
            informationsId: parseInt(this.$router.params.id),
            userCollectionType: 1
          },
          callback: () => {
            // this.setState({isTips: true, tipsText: '收藏成功~'})
          }
        });
      } else {
        // 取消收藏
        userStore.cancelUserCollection({
          form: {
            id: parseInt(this.$router.params.id),
            userCollectionType: '1'
          },
          callback: () => {
            //  this.setState({isTips: true, tipsText: '取消收藏成功~'})
          }
        });
      }
    });
  }
  render() {
    let { isVip, info, isCollection, isTips, tipsText } = this.state;
    return <View style={_styleSheet["personnel-detail"]}>
        <View style={_styleSheet["list-07-item"]}>
          <View style={_styleSheet["item-title"]}>
            <View style={_styleSheet["title"]}>
              {info.positionName}
            </View>
            <View onClick={this.toggleCollection.bind(this)} style={_styleSheet["address"]}>
              {!isCollection && <Image src={iconCollection} style={_styleSheet["icon-collection"]} />}
              {isCollection && <Image src={iconCollection_on} style={_styleSheet["icon-collection"]} />}
              <Text style={_styleSheet["name-collection"]}>收藏</Text>
              <AtToast isOpened={isTips} text={tipsText} />
            </View>
          </View>
          <Text style={_styleSheet["op"]}>{info.monthlyPay}</Text>
          <View style={_styleSheet["item-info"]}>
            <View style={_styleSheet["info"]}>
              <Text style={_styleSheet["i"]}>发布： {subtime(info.creationTime)}</Text>
            </View>
            <View style={_styleSheet["btn-view"]}>
              浏览 {info.numberOfVisits}人
            </View>
          </View>
        </View>
        <View style={_styleSheet["interval"]} />

        <View style={_styleSheet["column-title"]}>
          <Text style={_styleSheet["column-name"]}>基本信息</Text>
        </View>
        <View style={_styleSheet["item-lawyer"]}>
            <View style={_styleSheet["line"]}>
              <Text style={_styleSheet["title"]}>姓名：</Text>
              <Text style={_styleSheet["name"]}>{info.name}</Text>
            </View>
            <View style={_styleSheet["line"]}>
              <Text style={_styleSheet["title"]}>性别：</Text>
              <Text style={_styleSheet["name"]}>{userSex(info.userSex)}</Text>
            </View>
            <View style={_styleSheet["line"]}>
              <Text style={_styleSheet["title"]}>出生日期：</Text>
              <Text style={_styleSheet["name"]}>{info.userBirth}</Text>
            </View>
            <View style={_styleSheet["line"]}>
              <Text style={_styleSheet["title"]}>学历：</Text>
              <Text style={_styleSheet["name"]}>{info.education}</Text>
            </View>
            <View style={_styleSheet["line"]}>
              <Text style={_styleSheet["title"]}>毕业院校：</Text>
              <Text style={_styleSheet["name"]}>{info.graduationSchool}</Text>
            </View>
            <View style={_styleSheet["line"]}>
              <Text style={_styleSheet["title"]}>专业名称：</Text>
              <Text style={_styleSheet["name"]}>{info.professionalName}</Text>
            </View>
            <View style={_styleSheet["line"]}>
              <Text style={_styleSheet["title"]}>职称：</Text>
              <Text style={_styleSheet["name"]}>{info.technicalTitle}</Text>
            </View>
            <View style={_styleSheet["line"]}>
              <Text style={_styleSheet["title"]}>工作年限：</Text>
              <Text style={_styleSheet["name"]}>{info.workYears}年</Text>
            </View>

        </View>
        <View style={_styleSheet["interval"]} />

        <View style={_styleSheet["column-title"]}>
          <Text style={_styleSheet["column-name"]}>求职信息</Text>
        </View>
        <View style={_styleSheet["item-lawyer"]}>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>求职类型：</Text>
            <Text style={_styleSheet["name"]}>{info.typeOfJob}</Text>
          </View>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>求职职位：</Text>
            <Text style={_styleSheet["name"]}>{info.positionOfJob}</Text>
          </View>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>意向地区：</Text>
            <Text style={_styleSheet["name"]}>{info.intentionArea}</Text>
          </View>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>期盼薪资：</Text>
            <Text style={_styleSheet["name"]}>{info.monthlyPay}</Text>
          </View>
        </View>
        <View style={_styleSheet["interval"]} />


        <View style={_styleSheet["column-title"]}>
          <Text style={_styleSheet["column-name"]}>执业信息</Text>
        </View>
        <View style={_styleSheet["item-lawyer"]}>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>执业资格：</Text>
            <Text style={_styleSheet["name"]}>{info.qualification}</Text>
          </View>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>注册情况：</Text>
            <Text style={_styleSheet["name"]}>{info.registration}</Text>
          </View>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>开始执业：</Text>
            <Text style={_styleSheet["name"]}>{info.practiceTime}</Text>
          </View>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>专业类别：</Text>
            <Text style={_styleSheet["name"]}>{info.professionalCategories}</Text>
          </View>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>其他资格：</Text>
            <Text style={_styleSheet["name"]}></Text>
          </View>
        </View>
        <View style={_styleSheet["interval"]} />


        <View style={_styleSheet["column-title"]}>
          <Text style={_styleSheet["column-name"]}>转会要求</Text>
        </View>
        <View style={_styleSheet["item-lawyer-desc"]}>
          {info.description}
        </View>
        <View style={_styleSheet["interval"]} />


        <View style={_styleSheet["column-title"]}>
          <Text style={_styleSheet["column-name"]}>工作经历</Text>
        </View>
        <View style={_styleSheet["item-lawyer"]}>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>企业名称：</Text>
            <Text style={_styleSheet["name"]}>{info.businessName}</Text>
          </View>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>工作职位：</Text>
            <Text style={_styleSheet["name"]}>{info.jobPosition}</Text>
          </View>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>开始时间：</Text>
            <Text style={_styleSheet["name"]}>{subtime(info.startDateTime)}</Text>
          </View>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>结束时间：</Text>
            <Text style={_styleSheet["name"]}>{subtime(info.endDateTime)}</Text>
          </View>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>职位描述：</Text>
            <Text style={_styleSheet["name"]}>{info.experienceExplain}</Text>
          </View>
        </View>
        <View style={_styleSheet["interval"]} />

        <View style={_styleSheet["item-lawyer"]}>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>联系人：</Text>
            {isVip && <Text style={_styleSheet["name"]}>{info.contactsName}</Text>}
            {!isVip && <View style={_styleSheet["name"]}>
                <Text>*******</Text>
                <Text style={_styleSheet["vip"]}>(VIP会员可见)</Text>
            </View>}
          </View>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>联系电话：</Text>
            {isVip && <Text style={_styleSheet["name"]}>{info.phone}</Text>}
            {!isVip && <View style={_styleSheet["name"]}>
                <Text>*******</Text>
                <Text style={_styleSheet["vip"]}>(VIP会员可见)</Text>
            </View>}
            {!isVip && <ViewPhone />}
          </View>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>微信号：</Text>
            {isVip && <Text style={_styleSheet["name"]}>{info.wechatNo}</Text>}
            {!isVip && <View style={_styleSheet["name"]}>
                <Text>*******</Text>
                <Text style={_styleSheet["vip"]}>(VIP会员可见)</Text>
            </View>}
          </View>
          <View style={_styleSheet["line"]}>
            <Text style={_styleSheet["title"]}>QQ号：</Text>
            {isVip && <Text style={_styleSheet["name"]}>{info.qqNo}</Text>}
            {!isVip && <View style={_styleSheet["name"]}>
                <Text>*******</Text>
                <Text style={_styleSheet["vip"]}>(VIP会员可见)</Text>
            </View>}
          </View>
        </View>
        <View style={_styleSheet["interval"]} />
        <Report />

        <PageFooterInfo />
      </View>;
  }
};
Detail = tslib_1.__decorate([inject("stores"), observer], Detail);
export default Detail;